<template>
<div class="rightkind">
    <div v-for="(item, index) in itemList" :key='index'>
        <div>
            <span>{{item.title}}</span>
        </div>
        <ul>
            <router-link tag='li' v-for="(value, index) in item.child" :key='index' :to="'/kindItem/'+value.cid">
                <img :src="value.pic" alt="">
                <p>{{value.title}}</p>
            </router-link>
        </ul>
    </div>
</div>
</template>

<script>
export default {
    props:['itemList'],
    data() {
        return{
            // itemList:[]
        }
    },
    mouted() {
        console.log(0);
        
    },
}
</script>

<style lang="stylus" scoped>
.rightkind
        flex 1
        height 5.55rem
        overflow-y scroll
        span 
            padding-left .2rem
            height .45rem
            line-height .45rem
        ul
            display flex
            flex-wrap wrap
        li
            width 33%
            text-align center
            flex-wrap wrap
            img 
                display block
                flex 1
                width 100%
            p
                font-size .12rem
        

</style>